<template>
    <div class="grid-card">
        <div class="grid-card-header">{{title}}</div>
        <div style="padding: 10px;" v-if="name == 'pie'">
            <lar-chart-pie></lar-chart-pie>
        </div>
        <div style="padding: 10px;"  v-if="name == 'funnel'">
            <lar-chart-funnel ></lar-chart-funnel>
        </div>
        <div style="padding: 10px;"  v-if="name == 'bar'">
            <lar-chart-bar ></lar-chart-bar>
        </div>
    </div>
</template>


<script>
    import base from './base.js';
    export default {
        extends: base,
        name: "GridTwo",
        props: {},
        components: {
            // ChartPie,
            // ChartFunnel
        },
        data() {
            return {
            }
        }
    }
</script>

<style scoped lang="less">
    .grid-card {
        width: 100%;
        .grid-card-header {
            height: 43px;
            line-height: 43px;
            padding: 0 15px;
            border-bottom: 1px solid #f6f6f6;
            font-size: 16px;
            color: #000;
            border-radius: 2px 2px 0 0;
        }
    }
</style>
